<template>
	<view class="container">
		<es-cell-list  marginTop="30rpx" title="组合使用">
			<es-cell-item title="筛选栏" @click="toPage('/pages/business/filter-bar/demo-filter-bar')"></es-cell-item>
		</es-cell-list>
		<es-cell-list marginTop="30rpx" >
			<es-cell-item title="搜索筛选" @click="toPage('/pages/business/filter-bar/demo-filter-search')"></es-cell-item>
		</es-cell-list>
		<es-cell-list marginTop="30rpx" title="单独使用" >
			<es-cell-item title="地区选择-底部弹窗" @click="toPage('/pages/business/filter-bar/demo-filter-area')"></es-cell-item>
		</es-cell-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			toPage(url){
				uni.navigateTo({
					url:url
				})
			}
		},
		onShareTimeline() {
			return {
				title: '组件-条件筛选',
				imageUrl: "/static/images/logo.png",
			}
		},
		onShareAppMessage() {
			return {
					title: '组件-条件筛选',
				imageUrl: "/static/images/logo.png",
			}
		},
	}
</script>

<style>
	/* #ifndef APP-NVUE */
	page{
		background-color: #f6f8fb;
	}
	/* #endif */
	.container {
		width: 750rpx;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
	}
</style>
